<template>
  <div class="mine">
    <div class="tab">
      <img src="https://www.pmdaniu.com/storages/114179/f9ae8e19d16d9c2bdccc1bfe998f2c52-1336/images/%E6%88%91%E7%9A%84/u1017.svg" alt="">
      <p>Pisco</p>
    </div>
    <div class="but">
      <span>进行中的服务</span>
      <div class="but_1" @click="$router.push('/des')">
          <img src="https://www.pmdaniu.com/storages/114179/f9ae8e19d16d9c2bdccc1bfe998f2c52-1336/images/%E8%AE%A2%E5%8D%95%E8%AF%A6%E6%83%85-%E5%BE%85%E6%94%AF%E4%BB%98/u551.svg" alt="">
          <p>汤正义</p>
          <span>主治医师</span>
          <b>继续咨询</b>
          <i class="p1">内科·中日友好医院</i>
      </div>
    </div>
    <div class="bot">
      <div class="bot_1">
        <p>
          <span>
            服务订单
          </span>
          <b>
            >
          </b>
        </p>
      </div>
       <div class="bot_2" @click="$router.push('/yijian')">
        <p>
          <span>
            意见反馈
          </span>
          <b>
            >
          </b>
        </p>
      </div>
       <div class="bot_3" @click="$router.push('/about')">
        <p>
          <span>
            关于我们
          </span>
          <b>
            >
          </b>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Mine'
}
</script>

<style lang="less" scoped>
  .tab {
    height: 120px;
    widows: 100%;
    background: #5bb363;
  }
  .tab img {
    float: left;
    padding-left: 15px;
    padding-top: 40px;
    width: 60px;
    height: 60px;
  }
  .tab p {
    float: left;
    padding-left: 20px;
    padding-top: 60px;
    color: #fff;
  }
  .but {
    width: 100%;
    padding-top: 20px;
    height: 160px;
    // background: yellow;
  }
  .but span {
    font-size: 14px;
    padding-left: 15px;
    color: #666;
  }
  .but .but_1 {
    margin-top: 20px;
    width: 355px;
    height: 90px;
    background: #f2f2f2;
    margin-left: 10px;
  }
  .but .but_1 img {
    float: left;
    padding-left: 20px;
    padding-top:18px;
  }
  .but .but_1 p {
    padding-top: 30px;
    padding-left: 10px;
    float: left;
    font-size: 16px;
    color: #555;
  }
  .but .but_1 b {
    color: #000;
    // background: #5bb363;
    float: left;
    margin-left: 60px;
    margin-top: 30px;
  }
  .but .but_1 span {
    float: left;
    padding-top: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: #7f7f7f;
  }
  .but .but_1 i {
    padding-left: 10px;
    float: left;
    font-size: 14px;
    color: #7f7f7f;
  }
  .bot {
    width: 100%;
    height: 264.2px;
  }
  .bot .bot_1 p{
    width: 100%;
    height: 44px;
  }
  .bot .bot_1 span{
    float: left;
    padding-left: 10px;
    text-align: 22px;
    font-size: 13px;
    color: #333;
  }
    .bot .bot_1 b {
    padding-left: 270px;
  }
    .bot .bot_2 p{
    width: 100%;
    height: 44px;
  }
  .bot .bot_2 span{
    float: left;
    padding-left: 10px;
    text-align: 22px;
    font-size: 13px;
    color: #333;
  }
    .bot .bot_2 b {
    padding-left: 270px;
  }
    .bot .bot_3 p{
    width: 100%;
    height: 44px;
  }
  .bot .bot_3 span{
    float: left;
    padding-left: 10px;
    text-align: 22px;
    font-size: 13px;
    color: #333;
  }
  .bot .bot_3 b {
    padding-left: 270px;
  }
</style>
